<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>动态路由</h1>
      <p>路由按需加载(const --- = () => import(''))</p>
      <p>例如(path:'./detail/:id')</p>
      <p>获取路由id</p>
      <p>方式一：this.$route.params.id || this.$route.query.id</p>
      <p>
        方式二：在配置路由时开启props(props:true)，会把URL中的参数传递给组件，在组件中通过props来接受URL参数
      </p>
    </div>
    <script></script>
  </body>
</html>
